<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>管理系统</title>
	<meta name="Robots" content="All" />
	<meta http-equiv='content-language' content='zh-CN'>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<script src="../style/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="../style/css/element-ui.css">
	<link rel="stylesheet" href="../style/css/animate.min.css" />
	<script src="../style/js/element-ui.js"></script>
	<script src="../style/js/axios.min.js"></script>
	<link rel="stylesheet" href="../style/css/index.css" />
</head>
<body bgcolor="#eee">
<div id="app">
<el-container>
  <el-main>
	  <div class="data">
	  	<h2>新品录入</h2>
		<hr />
		<div class="data-info">
			<el-form ref="form" :model="form" label-width="80px">
			  <el-form-item label="品牌">
			    <el-select placeholder="品牌" v-model="form.pinpai">
			      <el-option label="HUAWEI/华为"></el-option>
			      <el-option label="Xiaomi‌/小米"></el-option>
			      <el-option label="Honor‌/荣耀"></el-option>
			      <el-option label="OPPO‌/欧珀"></el-option>
			      <el-option label="‌Vivo‌/维沃"></el-option>
			      <el-option label="‌Meizu‌/魅族"></el-option>
			      <el-option label="OnePlus‌/一加"></el-option>
			      <el-option label="Samsung‌/三星"></el-option>
			      <el-option label="‌Lenovo‌/联想"></el-option>
			      <el-option label="ZTE‌/中兴"></el-option>
			      <el-option label="MOTOROLA/摩托罗拉"></el-option>
			      <el-option label="Redmi/红米"></el-option>
			      <el-option label="IQOO/爱酷"></el-option>
			      <el-option label="Other/其他"></el-option>
			    </el-select>
			  </el-form-item>
			  <el-form-item label="型号" class="input-text">
			    <el-input v-model="form.name"></el-input>
			  </el-form-item>
			  <div style="display: flex">
				<el-form-item label="收购平台">
					<el-select v-model="form.region" placeholder="平台">
					  <el-option label="炸机堂"></el-option>
					  <el-option label="闲鱼"></el-option>
					  <el-option label="爱回收"></el-option>
					  <el-option label="转转"></el-option>
					  <el-option label="线下"></el-option>
					  <el-option label="门店"></el-option>
					  <el-option label="置换"></el-option>
					  <el-option label="其他"></el-option>
					</el-select>
				  </el-form-item>
				  
				  <el-form-item label="颜色">
					<el-select v-model="form.color" placeholder="颜色">
					  <el-option label="黑色"></el-option>
					  <el-option label="白色"></el-option>
					  <el-option label="绿色"></el-option>
					  <el-option label="金色"></el-option>
					  <el-option label="蓝色"></el-option>
					  <el-option label="红色"></el-option>
					  <el-option label="粉色"></el-option>
					  <el-option label="幻彩"></el-option>
					  <el-option label="青色"></el-option>
					  <el-option label="透明"></el-option>
					  <el-option label="素皮"></el-option>
					  <el-option label="电竞"></el-option>
					  <el-option label="其他"></el-option>
					</el-select>
				  </el-form-item>
			  </div>
			  <div style="display: flex;">
				<el-form-item label="运存">
				   <el-select v-model="form.region" placeholder="GB">
					 <el-option label="8"></el-option>
					 <el-option label="12"></el-option>
					 <el-option label="6"></el-option>
					 <el-option label="4"></el-option>
					 <el-option label="3"></el-option>
					 <el-option label="2"></el-option>
					 <el-option label="10"></el-option>
					 <el-option label="16"></el-option>
				   </el-select>
				 </el-form-item>
				 <el-form-item label="存储">
				   <el-select v-model="form.region" placeholder="GB">
					 <el-option label="256"></el-option>
					 <el-option label="128"></el-option>
					 <el-option label="64"></el-option>
					 <el-option label="32"></el-option>
					 <el-option label="512"></el-option>
					 <el-option label="16"></el-option>
				   </el-select>
				 </el-form-item>
			  </div>
			 
			  <el-form-item label="配置" class="input-text">
			    <el-input v-model="form.name" placeholder="处理器、系统、特色功能"></el-input>
			  </el-form-item>
			  <el-form-item label="收购时间">
			    <el-col :span="11">
			      <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
			    </el-col>
			    <el-col class="line" :span="2">-</el-col>
			  </el-form-item>
			  <el-form-item label="收购价" class="input-text">
			    <el-input v-model="form.name"></el-input>
			  </el-form-item>
			  <el-form-item label="问题">
				<span>屏幕</span>
			    <el-checkbox-group v-model="form.type">
			      <el-checkbox label="外屏碎裂" name="type"></el-checkbox>
			      <el-checkbox label="漏液" name="type"></el-checkbox>
			      <el-checkbox label="烧屏" name="type"></el-checkbox>
			      <el-checkbox label="出线" name="type"></el-checkbox>
			      <el-checkbox label="失灵" name="type"></el-checkbox>
			      <el-checkbox label="闪屏" name="type"></el-checkbox>
			      <el-checkbox label="亮点" name="type"></el-checkbox>
			    </el-checkbox-group>
				<span>外观</span>
				<el-checkbox-group v-model="form.type">
				  <el-checkbox label="镜头盖碎裂" name="type"></el-checkbox>
				  <el-checkbox label="后盖碎裂" name="type"></el-checkbox>
				  <el-checkbox label="边框坏" name="type"></el-checkbox>
				  <el-checkbox label="中框弯" name="type"></el-checkbox>
				  <el-checkbox label="屏幕起翘" name="type"></el-checkbox>
				</el-checkbox-group>
				<span>功能（问题）</span>
			    <el-checkbox-group v-model="form.type">
			      <el-checkbox label="扬声器" name="type"></el-checkbox>
			      <el-checkbox label="网络/WLAN/蓝牙" name="type"></el-checkbox>
			      <el-checkbox label="通话/短信" name="type"></el-checkbox>
			      <el-checkbox label="录音" name="type"></el-checkbox>
			      <el-checkbox label="NFC" name="type"></el-checkbox>
			      <el-checkbox label="无线充电" name="type"></el-checkbox>
			      <el-checkbox label="充电/快充" name="type"></el-checkbox>
			      <el-checkbox label="前摄" name="type"></el-checkbox>
				  <el-checkbox label="后摄" name="type"></el-checkbox>
			      <el-checkbox label="闪光灯" name="type"></el-checkbox>
				  <el-checkbox label="按键" name="type"></el-checkbox>
			      <el-checkbox label="账号退出" name="type"></el-checkbox>
			      <el-checkbox label="振动" name="type"></el-checkbox>
			      <el-checkbox label="系统更新" name="type"></el-checkbox>
			      <el-checkbox label="指纹" name="type"></el-checkbox>
			      <el-checkbox label="维修记录" name="type"></el-checkbox>
			      <el-checkbox label="GPS" name="type"></el-checkbox>
			      <el-checkbox label="反复重启" name="type"></el-checkbox>
			      <el-checkbox label="无法开机" name="type"></el-checkbox>
			    </el-checkbox-group>
				<span>成色</span>
				<el-checkbox-group v-model="form.type">
				  <el-checkbox label="轻微划痕" name="type"></el-checkbox>
				  <el-checkbox label="轻微磕碰" name="type"></el-checkbox>
				  <el-checkbox label="全新" name="type"></el-checkbox>
				  <el-checkbox label="明显磕碰" name="type"></el-checkbox>
				  <el-checkbox label="明显划痕" name="type"></el-checkbox>
				</el-checkbox-group>
			  </el-form-item>
			  
			  <el-form-item label="其他问题">
			    <el-input type="textarea" v-model="form.desc"></el-input>
			  </el-form-item>
			  <el-form-item>
			    <el-button type="primary" @click="onSubmit">立即创建</el-button>
			    <el-button>取消</el-button>
			  </el-form-item>
			</el-form>
		</div>
	  </div>
  </el-main>
</el-container>
</div>

<script type="text/javascript">
new Vue({
el: '#app',
data() {
	return {
	 form: {
			  name: '',
			  region: '',
			  date1: '',
			  date2: '',
			  delivery: false,
			  type: [],
			  resource: '',
			  desc: '',
			  pinpai:'',
			  color:''
			}
	}
}
,methods: {
	onSubmit() {
	        console.log('submit!');
	      }
},mounted:function(){
	
},created(){
	
}
})
</script>
</body>
</html>
